layui.define(["jquery", "layer"], function(exports) {
	var $ = layui.$,
		layer = layui.layer;

	var mTheme = {

		/**
		 * 主题配置项
		 * @param skin
		 * @returns {{headerLogo, menuLeftHover, headerRight, menuLeft, headerRightThis, menuLeftThis}|*|*[]}
		 */
		config: function(skin) {
			var skinConfig = [{
					headerRightBg: '#1aa094', //头部右侧背景色
					headerRightBgThis: '#197971', //头部右侧选中背景色,
					headerRightColor: 'rgba(255, 255, 255, .7)', //头部右侧字体颜色,
					headerRightColorThis: '#fff', //头部右侧鼠标选中字体颜色,
					headerRightNavMore: 'rgba(255, 255, 255, .7)', //头部右侧更多下拉颜色,
					headerRightNavMored: '#fff', //头部右侧更多下拉展开颜色,
					headerRightNavMoreBg: '#fff', //头部右侧更多下拉列表背景色,
					headerRightNavMoreColor: 'rgba(51, 51, 51, .7)', //头部右侧更多下拉列表字体色,
					headerRightNavMoreBgThis: '#5FB878', //头部右侧更多下拉列表选中背景颜色,
					headerRightNavMoreColorThis: '#fff', //头部右侧更多下拉列表选中字体颜色,
					headerLogoBg: '#192027', //logo背景颜色,
					headerLogoColor: 'rgb(191, 187, 187)', //logo字体颜色,
					leftMenuBg: '#28333E', //左侧菜单背景,
					leftMenuBgThis: '#009688', //左侧菜单选中背景,
					leftMenuChildBg: 'rgba(0, 0, 0, .3)', //左侧菜单子菜单背景,
					leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
					leftMenuColorThis: '#fff' //左侧菜单选中字体颜色,
				},
				{
					headerRightBg: '#23262e', //头部右侧背景色
					headerRightBgThis: '#0c0c0c', //头部右侧选中背景色,
					headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
					headerRightColorThis: '#fff', //头部右侧鼠标选中,
					headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
					headerRightNavMored: '#fff', //头部右侧更多下拉展开颜色,
					headerRightNavMoreBg: '#1aa094', //头部右侧更多下拉列表选中背景色,
					headerRightNavMoreColor: '#fff', //头部右侧更多下拉列表字体色,
					headerRightNavMoreBgThis: '#197971', //头部右侧更多下拉列表选中背景颜色,
					headerRightNavMoreColorThis: '#fff', //头部右侧更多下拉列表选中字体颜色,
					headerLogoBg: '#0c0c0c', //logo背景颜色,
					headerLogoColor: '#fff', //logo字体颜色,
					leftMenuBg: '#23262e', //左侧菜单背景,
					leftMenuBgThis: '#737373', //左侧菜单选中背景,
					leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
					leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
					leftMenuColorThis: '#fff' //左侧菜单选中字体颜色,
				},
				{
					headerRightBg: '#ffa4d1', //头部右侧背景色
					headerRightBgThis: '#bf7b9d', //头部右侧选中背景色,
					headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
					headerRightColorThis: '#fff', //头部右侧鼠标选中,
					headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
					headerRightNavMored: '#fff', //头部右侧更多下拉展开颜色,
					headerRightNavMoreBg: '#ffa4d1', //头部右侧更多下拉列表选中背景色,
					headerRightNavMoreColor: '#fff', //头部右侧更多下拉列表字体色,
					headerRightNavMoreBgThis: '#197971', //头部右侧更多下拉列表选中背景颜色,
					headerRightNavMoreColorThis: '#fff', //头部右侧更多下拉列表选中字体颜色,
					headerLogoBg: '#e694bd', //logo背景颜色,
					headerLogoColor: '#fff', //logo字体颜色,
					leftMenuBg: '#1f1f1f', //左侧菜单背景,
					leftMenuBgThis: '#737373', //左侧菜单选中背景,
					leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
					leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
					leftMenuColorThis: '#fff' //左侧菜单选中字体颜色,
				},
				{
					headerRightBg: '#1aa094', //头部右侧背景色
					headerRightBgThis: '#197971', //头部右侧选中背景色,
					headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
					headerRightColorThis: '#fff', //头部右侧鼠标选中,
					headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
					headerRightNavMored: '#fff', //头部右侧更多下拉展开颜色,
					headerRightNavMoreBg: '#1aa094', //头部右侧更多下拉列表选中背景色,
					headerRightNavMoreColor: '#fff', //头部右侧更多下拉列表字体色,
					headerRightNavMoreBgThis: '#197971', //头部右侧更多下拉列表选中背景颜色,
					headerRightNavMoreColorThis: '#fff', //头部右侧更多下拉列表选中字体颜色,
					headerLogoBg: '#0c0c0c', //logo背景颜色,
					headerLogoColor: '#fff', //logo字体颜色,
					leftMenuBg: '#23262e', //左侧菜单背景,
					leftMenuBgThis: '#1aa094', //左侧菜单选中背景,
					leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
					leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
					leftMenuColorThis: '#fff' //左侧菜单选中字体颜色,
				},
				{
					headerRightBg: '#1e9fff', //头部右侧背景色
					headerRightBgThis: '#0069b7', //头部右侧选中背景色,
					headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
					headerRightColorThis: '#fff', //头部右侧鼠标选中,
					headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
					headerRightNavMored: '#fff', //头部右侧更多下拉展开颜色,
					headerRightNavMoreBg: '#1e9fff', //头部右侧更多下拉列表选中背景色,
					headerRightNavMoreColor: '#fff', //头部右侧更多下拉列表字体色,
					headerRightNavMoreBgThis: '#197971', //头部右侧更多下拉列表选中背景颜色,
					headerRightNavMoreColorThis: '#fff', //头部右侧更多下拉列表选中字体颜色,
					headerLogoBg: '#0c0c0c', //logo背景颜色,
					headerLogoColor: '#fff', //logo字体颜色,
					leftMenuBg: '#1f1f1f', //左侧菜单背景,
					leftMenuBgThis: '#1e9fff', //左侧菜单选中背景,
					leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
					leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
					leftMenuColorThis: '#fff' //左侧菜单选中字体颜色,
				},
				{
					headerRightBg: '#ffb800', //头部右侧背景色
					headerRightBgThis: '#d09600', //头部右侧选中背景色,
					headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
					headerRightColorThis: '#fff', //头部右侧鼠标选中,
					headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
					headerRightNavMored: '#fff', //头部右侧更多下拉展开颜色,
					headerRightNavMoreBg: '#d09600', //头部右侧更多下拉列表选中背景色,
					headerRightNavMoreColor: '#fff', //头部右侧更多下拉列表字体色,
					headerRightNavMoreBgThis: '#197971', //头部右侧更多下拉列表选中背景颜色,
					headerRightNavMoreColorThis: '#fff', //头部右侧更多下拉列表选中字体颜色,
					headerLogoBg: '#243346', //logo背景颜色,
					headerLogoColor: '#fff', //logo字体颜色,
					leftMenuBg: '#2f4056', //左侧菜单背景,
					leftMenuBgThis: '#8593a7', //左侧菜单选中背景,
					leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
					leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
					leftMenuColorThis: '#fff' //左侧菜单选中字体颜色,
				},
				{
					headerRightBg: '#e82121', //头部右侧背景色
					headerRightBgThis: '#ae1919', //头部右侧选中背景色,
					headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
					headerRightColorThis: '#fff', //头部右侧鼠标选中,
					headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
					headerRightNavMored: '#fff', //头部右侧更多下拉展开颜色,
					headerRightNavMoreBg: '#ae1919', //头部右侧更多下拉列表选中背景色,
					headerRightNavMoreColor: '#fff', //头部右侧更多下拉列表字体色,
					headerRightNavMoreBgThis: '#197971', //头部右侧更多下拉列表选中背景颜色,
					headerRightNavMoreColorThis: '#fff', //头部右侧更多下拉列表选中字体颜色,
					headerLogoBg: '#0c0c0c', //logo背景颜色,
					headerLogoColor: '#fff', //logo字体颜色,
					leftMenuBg: '#1f1f1f', //左侧菜单背景,
					leftMenuBgThis: '#3b3f4b', //左侧菜单选中背景,
					leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
					leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
					leftMenuColorThis: '#fff' //左侧菜单选中字体颜色,
				},
				{
					headerRightBg: '#963885', //头部右侧背景色
					headerRightBgThis: '#772c6a', //头部右侧选中背景色,
					headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
					headerRightColorThis: '#fff', //头部右侧鼠标选中,
					headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
					headerRightNavMored: '#fff', //头部右侧更多下拉展开颜色,
					headerRightNavMoreBg: '#772c6a', //头部右侧更多下拉列表选中背景色,
					headerRightNavMoreColor: '#fff', //头部右侧更多下拉列表字体色,
					headerRightNavMoreBgThis: '#197971', //头部右侧更多下拉列表选中背景颜色,
					headerRightNavMoreColorThis: '#fff', //头部右侧更多下拉列表选中字体颜色,
					headerLogoBg: '#243346', //logo背景颜色,
					headerLogoColor: '#fff', //logo字体颜色,
					leftMenuBg: '#2f4056', //左侧菜单背景,
					leftMenuBgThis: '#586473', //左侧菜单选中背景,
					leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
					leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
					leftMenuColorThis: '#fff' //左侧菜单选中字体颜色,
				},
				{
					headerRightBg: '#2D8CF0', //头部右侧背景色
					headerRightBgThis: '#0069b7', //头部右侧选中背景色,
					headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
					headerRightColorThis: '#fff', //头部右侧鼠标选中,
					headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
					headerRightNavMored: '#fff', //头部右侧更多下拉展开颜色,
					headerRightNavMoreBg: '#0069b7', //头部右侧更多下拉列表选中背景色,
					headerRightNavMoreColor: '#fff', //头部右侧更多下拉列表字体色,
					headerRightNavMoreBgThis: '#197971', //头部右侧更多下拉列表选中背景颜色,
					headerRightNavMoreColorThis: '#fff', //头部右侧更多下拉列表选中字体颜色,
					headerLogoBg: '#0069b7', //logo背景颜色,
					headerLogoColor: '#fff', //logo字体颜色,
					leftMenuBg: '#1f1f1f', //左侧菜单背景,
					leftMenuBgThis: '#2D8CF0', //左侧菜单选中背景,
					leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
					leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
					leftMenuColorThis: '#fff' //左侧菜单选中字体颜色,
				},
				{
					headerRightBg: '#ffb800', //头部右侧背景色
					headerRightBgThis: '#d09600', //头部右侧选中背景色,
					headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
					headerRightColorThis: '#fff', //头部右侧鼠标选中,
					headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
					headerRightNavMored: '#fff', //头部右侧更多下拉展开颜色,
					headerRightNavMoreBg: '#d09600', //头部右侧更多下拉列表选中背景色,
					headerRightNavMoreColor: '#fff', //头部右侧更多下拉列表字体色,
					headerRightNavMoreBgThis: '#197971', //头部右侧更多下拉列表选中背景颜色,
					headerRightNavMoreColorThis: '#fff', //头部右侧更多下拉列表选中字体颜色,
					headerLogoBg: '#d09600', //logo背景颜色,
					headerLogoColor: '#fff', //logo字体颜色,
					leftMenuBg: '#2f4056', //左侧菜单背景,
					leftMenuBgThis: '#3b3f4b', //左侧菜单选中背景,
					leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
					leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
					leftMenuColorThis: '#fff' //左侧菜单选中字体颜色,
				},
				{
					headerRightBg: '#e82121', //头部右侧背景色
					headerRightBgThis: '#ae1919', //头部右侧选中背景色,
					headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
					headerRightColorThis: '#fff', //头部右侧鼠标选中,
					headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
					headerRightNavMored: '#fff', //头部右侧更多下拉展开颜色,
					headerRightNavMoreBg: '#ae1919', //头部右侧更多下拉列表选中背景色,
					headerRightNavMoreColor: '#fff', //头部右侧更多下拉列表字体色,
					headerRightNavMoreBgThis: '#197971', //头部右侧更多下拉列表选中背景颜色,
					headerRightNavMoreColorThis: '#fff', //头部右侧更多下拉列表选中字体颜色,
					headerLogoBg: '#d91f1f', //logo背景颜色,
					headerLogoColor: '#fff', //logo字体颜色,
					leftMenuBg: '#1f1f1f', //左侧菜单背景,
					leftMenuBgThis: '#3b3f4b', //左侧菜单选中背景,
					leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
					leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
					leftMenuColorThis: '#fff' //左侧菜单选中字体颜色,
				},
				{
					headerRightBg: '#963885', //头部右侧背景色
					headerRightBgThis: '#772c6a', //头部右侧选中背景色,
					headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
					headerRightColorThis: '#fff', //头部右侧鼠标选中,
					headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
					headerRightNavMored: '#fff', //头部右侧更多下拉展开颜色,
					headerRightNavMoreBg: '#772c6a', //头部右侧更多下拉列表选中背景色,
					headerRightNavMoreColor: '#fff', //头部右侧更多下拉列表字体色,
					headerRightNavMoreBgThis: '#197971', //头部右侧更多下拉列表选中背景颜色,
					headerRightNavMoreColorThis: '#fff', //头部右侧更多下拉列表选中字体颜色,
					headerLogoBg: '#772c6a', //logo背景颜色,
					headerLogoColor: '#fff', //logo字体颜色,
					leftMenuBg: '#2f4056', //左侧菜单背景,
					leftMenuBgThis: '#626f7f', //左侧菜单选中背景,
					leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
					leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
					leftMenuColorThis: '#fff' //左侧菜单选中字体颜色,
				}
			];
			if (skin === undefined) {
				return skinConfig;
			} else {
				return skinConfig[skin];
			}
		},

		/**
		 * 初始化
		 * @param options
		 */
		render: function(options) {
			options.skin = options.skin || false;
			options.listen = options.listen || false;
			var skin = sessionStorage.getItem('admin-skin');
			if (skin === null || skin === undefined || skin === '') {
				skin = options.skin;
			}
			mTheme.buildThemeCss(skin);
			if (options.listen) mTheme.listen(options);
		},

		/**
		 * 构建主题样式
		 * @param skin
		 * @returns {boolean}
		 */
		buildThemeCss: function(skin) {
			if (!skin) {
				return false;
			}
			var config = mTheme.config(skin);
			var styleHtml =
				'/*头部右侧背景色 headerRightBg */\n' +
				'.admin-header {\n' +
				'	background-color: ' + config.headerRightBg + ';\n' +
				'}\n' +
				'\n' +
				'/*头部右侧选中背景色 headerRightBgThis 字体颜色 headerRightColorThis */\n' +
				'.admin-header > .admin-header-content > .layui-nav .layui-nav-item a:hover,\n' +
				'.admin-header > .admin-header-content > .layui-nav .layui-nav-item.layui-this a,\n' +
				'.admin-header > .admin-header-content > .admin-tool > i:hover {\n' +
				'	background-color: ' + config.headerRightBgThis + ';\n' +
				'	color: ' + config.headerRightColorThis + ';\n' +
				'}\n' +
				'\n' +
				'/*头部右侧字体颜色 headerRightColor */\n' +
				'.admin-header > .admin-header-content > .layui-nav .layui-nav-item > a,\n' +
				'.admin-header > .admin-header-content > .admin-tool > i {\n' +
				'	color: ' + config.headerRightColor + ';\n' +
				'}\n' +
				'\n' +
				'/*头部右侧更多下拉颜色 headerRightNavMore */\n' +
				'.admin-header > .admin-header-content > .layui-nav .layui-nav-more {\n' +
				'	border-color: ' + config.headerRightNavMore + ' transparent transparent;\n' +
				'}\n' +
				'\n' +
				'/*头部右侧更多下拉展开颜色 headerRightNavMored */\n' +
				'.admin-header > .admin-header-content > .layui-nav .layui-nav-mored {\n' +
				'	border-color: ' + config.headerRightNavMored + ' transparent transparent;\n' +
				'}\n' +
				'\n' +
				'/*头部右侧更多下拉背景色 headerRightNavMoreBg */\n' +
				'.admin-header > .admin-header-content > .layui-nav .layui-nav-item .layui-nav-child {\n' +
				'	background-color: ' + config.headerRightNavMoreBg + ';\n' +
				'}\n' +
				'\n' +
				'/*头部右侧更多下拉字体颜色 headerRightNavMoreColor */\n' +
				'.admin-header > .admin-header-content > .layui-nav .layui-nav-item .layui-nav-child a {\n' +
				'	color: ' + config.headerRightNavMoreColor + ';\n' +
				'}\n' +
				'\n' +
				'/*头部右侧更多下拉选中 headerRightNavMoreBgThis headerRightNavMoreColorThis */\n' +
				'.admin-header > .admin-header-content > .layui-nav .layui-nav-child .layui-this a,\n' +
				'.admin-header > .admin-header-content > .layui-nav .layui-nav-child a:hover {\n' +
				'	background-color: ' + config.headerRightNavMoreBgThis + ';\n' +
				'	color: ' + config.headerRightNavMoreColorThis + ' !important;\n' +
				'}\n' +
				'\n' +
				'/*logo背景颜色 headerLogoBg */\n' +
				'.admin-header > .admin-logo {\n' +
				'	background-color: ' + config.headerLogoBg + ';\n' +
				'}\n' +
				'\n' +
				'/*logo字体颜色 headerLogoColor */\n' +
				'.admin-header > .admin-logo h1 {\n' +
				'	color: ' + config.headerLogoColor + ';\n' +
				'}\n' +
				'\n' +
				'/*左侧菜单背景 leftMenuBg */\n' +
				'.admin-side {\n' +
				'	background-color: ' + config.leftMenuBg + ';\n' +
				'}\n' +
				'\n' +
				'/*左侧菜单字体颜色 leftMenuColor */\n' +
				'.admin-side > .layui-nav .layui-nav-item a,\n' +
				'.layui-layer-tips.left-menu-tips > .layui-layer-content > .layui-nav .layui-nav-item a {\n' +
				'	color: ' + config.leftMenuColor + ';\n' +
				'}\n' +
				'\n' +
				'/*左侧菜单选中 背景色 leftMenuBgThis 字体颜色 leftMenuColorThis */\n' +
				'.admin-side > .layui-nav > .layui-nav-item.layui-this > a,\n' +
				'.admin-side > .layui-nav > .layui-nav-item .layui-nav-child .layui-this > a,\n' +
				'.layui-layer-tips.left-menu-tips > .layui-layer-content > .layui-nav .layui-nav-item .layui-nav-child dd.layui-this > a {\n' +
				'	background-color: ' + config.leftMenuBgThis + ';\n' +
				'	color: ' + config.leftMenuColorThis + ';\n' +
				'}\n' +
				'\n' +
				'/*左侧菜单子菜单背景 leftMenuChildBg */\n' +
				'.admin-side > .layui-nav > .layui-nav-item > .layui-nav-child,\n' +
				'.layui-layer-tips.left-menu-tips > .layui-layer-content > .layui-nav .layui-nav-item > .layui-nav-child {\n' +
				'	background-color: ' + config.leftMenuChildBg + ' !important;\n' +
				'}\n';
			$('#admin-skin', 'head').remove();
			$('head').append('<style type="text/css" id="admin-skin">' + styleHtml + '</style>');
		},

		/**
		 * 构建主题选择html
		 * @param options
		 * @returns {string}
		 */
		buildSkinHtml: function(options) {
			options.skin = options.skin || 0;
			var skin = parseInt(sessionStorage.getItem('admin-skin'));
			if (isNaN(skin)) skin = options.skin;
			var skinConfig = mTheme.config();
			var html = '';
			$.each(skinConfig, function(key, val) {
				if (key === skin) {
					html += '<li class="skin-item layui-this" data-skin="' + key + '">\n';
				} else {
					html += '<li class="skin-item" data-skin="' + key + '">\n';
				}
				html += '<span style="display:block; width: 20%; float: left; height: 12px; background: ' + val.headerLogoBg + ';"></span>\n' +
					'<span style="display:block; width: 80%; float: left; height: 12px; background: ' + val.headerRightBg + ';"></span>\n' +
					'<span style="display:block; width: 20%; float: left; height: 40px; background: ' + val.leftMenuBg + ';"></span>\n' +
					'<span style="display:block; width: 80%; float: left; height: 40px; background: #fff; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; box-sizing: border-box;"></span>\n' +
					'</li>';
			});
			return html;
		},

		/**
		 * 监听
		 * @param options
		 */
		listen: function(options) {
			$('body').on('click', '[data-bgcolor]', function() {
				var loading = layer.load(0, { shade: false, time: 2 * 1000 });
				var clientHeight = (document.documentElement.clientHeight) - 60;
				var skinHtml = mTheme.buildSkinHtml(options);
				var html = '<div class="admin-skin">\n' +
					'<div class="skin-title">\n' +
					'<h2>配色方案</h2>\n' +
					'</div>\n' +
					'<ul class="skin-content">\n' + skinHtml + '</ul>\n' +
					'<div class="more-menu-list">\n' +
					'<a class="more-menu-item" href="http://layuimini.99php.cn/docs/index.html" target="_blank"><i class="layui-icon layui-icon-read" style="font-size: 19px;"></i> 开发文档</a>\n' +
					'<a class="more-menu-item" href="https://github.com/zhongshaofa/layuimini" target="_blank"><i class="layui-icon layui-icon-tabs" style="font-size: 16px;"></i> 开源地址</a>\n' +
					'<a class="more-menu-item" href="http://layuimini.99php.cn" target="_blank"><i class="layui-icon layui-icon-theme"></i> 官方网站</a>\n' +
					'</div>' +
					'</div>';
				layer.open({
					type: 1,
					title: false,
					closeBtn: 0,
					shade: 0.2,
					anim: 2,
					shadeClose: true,
					id: 'layer-admin-skin',
					area: ['340px', clientHeight + 'px'],
					offset: 'rb',
					content: html,
					success: function(index, layero) {},
					end: function() {
						$('.admin-select-skin').removeClass('layui-this');
					}
				});
				layer.close(loading);
			});

			$('body').on('click', '.skin-item[data-skin]', function() {
				var skin = $(this).attr('data-skin');
				$('.admin-skin > .skin-content > .skin-item.layui-this').removeClass('layui-this');
				$(this).addClass('layui-this');
				sessionStorage.setItem('admin-skin', skin);
				mTheme.render({
					skin: skin,
					listen: false,
				});
			});
		}
	};

	exports("mTheme", mTheme);
});